import MaxWidthWrapper from "./MaxWidthWrapper"
import Link from "next/link"

const Footer = () => {
  return (
    <footer className="bg-zinc-50 h-20 relative">
      <MaxWidthWrapper>
        <div className="border-t border-gray-200"></div>

        <div className="h-full flex flex-col md:flex-row md:justify-between justify-center items-center">
          <div className="text-center md:text-left pb-2 md:pb-0">
            <p className="text-sm text-muted-foreground ml-5">
              &copy; { new Date().getFullYear() }
            </p>
          </div>

          <div className="flex items-center justify-between">
             <div className="flex space-x-8 mr-5">
              <Link href={'#'} 
                  className="text-sm text-muted-foreground hover:text-gary-600"
                >
                  terms
                </Link>

                <Link href={'#'} 
                  className="text-sm text-muted-foreground hover:text-gary-600"
                >
                  Privacy Policy
                </Link>
                <Link href={'#'} 
                  className="text-sm text-muted-foreground hover:text-gary-600"
                >
                  Cookie Policy
                </Link>
             </div>
          </div>
        </div>
      </MaxWidthWrapper>
    </footer>
  )
}

export default Footer